/**
 * 表单元素类
 * 基类：Base
 * 组合类：
 *   表单类：FormItem（包含多个 FieldsetItem）
 *   集合类：FieldsetItem（多个 Group 为一个集合）
 *   成员组：Group（label+input+span 为一组）
 * 成员类：InputItem、LabelItem、SpanItem、TextareaItem
 */

var form = new FormItem('FormItem', document.body);
form.add(
  new FieldsetItem('account', '账号').add(
    new Group().add(
      new LabelItem('user_name', '用户名')
    ).add(
      new InputItem('user_name')
    ).add(
      new SpanItem('4 到 6 位数字或字母')
    )
  ).add(
    new Group().add(
      new LabelItem('user_password', '密码')
    ).add(
      new InputItem('user_password')
    ).add(
      new SpanItem('6 到 12 为数字或者密码')
    )
  )
).add(
  new FieldsetItem('infor', '信息').add(
    new Group().add(
      new LabelItem('user_nickname', '昵称')
    ).add(
      new InputItem('user_nickname')
    )
  ).add(
    new Group().add(
      new LabelItem('user_state', '昵称')
    ).add(
      new InputItem('user_state')
    )
  )
).show();
